<!-- bxSlider Javascript file -->
<script src="{$PATH}/data/bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="{$PATH}/data/bxslider/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
    {literal}
    $(document).ready(function(){
        $('.bxslider').bxSlider();
    });
    {/literal}
</script>
<div class="contentPart">
    <div class="header">{$data.name}</div>
    <div class="partcontent">
        <ul class="bxslider">
            {foreach from=$images item=img}
                <li>
                    {foreach from=$img item=pic}
                        <a class="fancybox" rel="group" href="{$PATH}/upload/{$pic.name}"><img style="float:left; margin-top:-30px;" width="200" height="150" src="{$PATH}/upload/{$pic.name}" /></a>
                    {/foreach}
                </li>
            {/foreach}
        </ul>
        
        {$data.text}
        <br clear="all" />
    </div>
</div>